<template>
  <div
    class="news-center"
    id="home"
  >
    <z-header :selectNumber="selectNumber"></z-header>
    <z-navigation :numId="bannerId"></z-navigation>
    <z-news :newsObj="newsObj"></z-news>
    <z-footer></z-footer>
  </div>
</template>
<script>
import ZHeader from '../pages/header';
import ZNavigation from '../pages/navigation';
import ZFooter from '../pages/footer';
import ZNews from './newsContent'
export default {
  components: { ZHeader, ZFooter, ZNavigation, ZNews },
  data() {
    return {
      selectNumber: '4',
      newsObj: {},
      bannerId: 4
    }
  },
  mounted() {
    this.newsObj = this.$route.query;
    document.body.scrollTop = 0;
    document.documentElement.scrollTop = 0;
  }
};
</script>'
<style scoped>
.news-center {
  width: 100%;
  position: absolute;
  background-color: #fff;
}
</style>

